<template>
	<div class="mine">
		<yd-navbar title="个人中心" height="40px">	</yd-navbar>
		<div class="content">
			 <yd-cell-group>
					<yd-cell-item arrow type="a" href="tel:400-888-8888">
							<span slot="left">这里是一个A链接</span>
							<span slot="right">href不会解析</span>
					</yd-cell-item>
					<yd-cell-item arrow type="link" href="#">
							<span slot="left">这里是一个Router-Link链接</span>
							<span slot="right">href会解析为路由</span>
					</yd-cell-item>
					<yd-cell-item arrow type="label">
							<span slot="left">这里是一个Label</span>
					</yd-cell-item>
					<yd-cell-item arrow>
							<span slot="left">这里是一个普通DIV</span>
					</yd-cell-item>
					<yd-cell-item arrow>
							<span slot="left">这里是一个普通DIV</span>
					</yd-cell-item>
					<yd-cell-item arrow>
							<span slot="left">这里是一个普通DIV</span>
					</yd-cell-item>
					<yd-cell-item arrow>
							<span slot="left">这里是一个普通DIV</span>
					</yd-cell-item>
					<yd-cell-item arrow>
							<span slot="left">这里是一个普通DIV</span>
					</yd-cell-item>
			</yd-cell-group>
			
			<div class="btn">
				<span>退出登录</span>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style lang="less" scoped>
	.yd-navbar{
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 1000;
	}
	.content{
		margin: 40px 5px;
		.yd-cell-item{
			height: 40px;
		}
		.btn{
			width: 80%;
			height: 40px;
			background-color: #42b90e;
			text-align: center;
			line-height: 40px;
			margin: 15px auto;
			color: #fff;
		}
	}
</style>
